<template>
<div id="movie">
	 <goTop></goTop>
	<md-theme md-name="blue" >
		<md-tabs md-fixed :class="{'wrap-fixed': isScrollDown}">
			<md-tab id="movies" md-label="top250">
				<top250></top250>
			</md-tab>
			<!-- <md-tab id="music" md-label="正在热映">
				<now></now>
			</md-tab>
			<md-tab id="books" md-label="即将上映">
				<future></future>
			</md-tab> -->
		</md-tabs>
	</md-theme>
</div>
	
</template>

<script>
// import Util from "../../util/util.js"
	import top250 from "./top250.vue"
	// import movieListHot from "./movie_list_hot.vue"
	// import movieListComing from "./movie_list_coming.vue"
	import goTop from "../common/goTop.vue"
export default {
	data(){
		return {
			isScrollDown: true
		}
	},
	components:{
		top250,
		goTop
	}
}
</script>
<style>
	#movie{
		min-height: 100vh;
		box-sizing: border-box;
		padding: 64px 0 0 0;
	}
	.md-tabs.wrap-fixed>.md-tabs-navigation{
		position: fixed;
		left:0;
		top: 3.75rem;
		width: 100%;
	}

</style>



